<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title>IFE JavaScript Task 02</title>
</head>

<body>

  <h3>污染城市列表</h3>
  <ul id="aqi-list">
    <!--   
    <li>第一名：福州（样例），10</li>
      <li>第二名：福州（样例），10</li> -->
  </ul>

  <script type="text/javascript">
    var aqiData = [
      ["北京", 90],
      ["上海", 50],
      ["福州", 10],
      ["广州", 50],
      ["成都", 90],
      ["西安", 100]
    ];

    (function () {

      /*
      在注释下方编写代码
      遍历读取aqiData中各个城市的数据
      将空气质量指数大于60的城市显示到aqi-list的列表中
      */
      var i, j = 0;
      var api = document.getElementById('aqi-list');
      var listData = [];
      for (i = 0; i < aqiData.length; i++) {
        if (aqiData[i][1] > 60) {
          listData.push(aqiData[i]);
          var lis = document.createElement('li');
          var li = document.createTextNode('第' + (j + 1) + '名' + ' ' + listData[j]);
          lis.appendChild(li);
          api.appendChild(lis);
          j++
        }
      }
    })();
  </script>
</body>

</html>